<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东购物车</title>
    <link rel="stylesheet" href="./cart.css">
</head>

<body>
    <div class="cartBox">
    <table>
        
        <!-- 表头 -->
    <tr class="title">
        <th colspan="5">全部商品3</th>
        <th colspan="3">
            配送至:
            <span>
                河南省平顶山市宝丰县
            </span>
        </th>
    </tr>
    <!-- 内容 -->
    <tr class="head">
        <td>
            <input type="checkbox">
        </td>
        <td>
        全选
        </td>
        <td colspan="2">
            商品
        </td>
        <td style="text-align: center;">
            单价
        </td>
        <td style="text-align: center;">
            
            数量
        </td>
        <td style="text-align: center;">
            
            小计
        </td>
        <td style="text-align: center;">
            操作
        </td>
    </tr>
    <!-- 商品店铺 -->
    <tr class="shop"> 
        <td>
            <input type="checkbox">
        </td>
        <td colspan="7">京东电竞官网旗舰店</td>
       
    </tr>
    <!-- 商品信息 -->
    <tr class="goods"> 
        <td>
            <input type="checkbox">
        </td>
        <td>
            <img src="https://img10.360buyimg.com/n0/s80x80_jfs/t1/30578/36/19383/96951/6363ce20E358079aa/46945cea88e7f353.jpg.dpg">
        
        </td>
        <td>
            <span>
                小米 Redmi G Pro 锐龙版 2.5K 240hz 游戏本笔记本电脑
            </span>
            </td>
        <td>
            <span>Redmi G Pro 2.5K 240hz电竞屏</span>
            <span>新锐龙R7标压|RTX3060</span>
        </td>
        <td>
            ￥7,992.00
        </td>
        <td>
            <span class="number">
            <span>-</span>
            <input type="number" value="1">
            <span>+</span>
            </span>
        </td>
        <td>
            ￥7992.00
        </td>
        <td>
            <span>删除</span>
        </td>
    </tr>
    </table>
    <div class="js">
        <div><input type="checkbox"></div>
        <div>全选</div>
        <div>删除选中</div>
        <div>移入关注</div>
        <div>清理购物车</div>
        <div></div>
        <div>已选择
            <span>0</span>
              件商品</div>
        <div>总价格<span>￥0.00</span></div>
        <div>去结算</div>
    </div>
</div>
</body>
</html>